<!--
 * @Author: swl
 * @Date: 2023-07-04 15:17:15
 * @LastEditors: swl
 * @LastEditTime: 2023-07-04 15:19:51
-->
<div class="rating-body">
  <div *ngFor="let starStatus of starList;let i=index" (click)="clickStar(i)" class="star">
    <svg *ngIf="starStatus" class="icon"
      style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024"
      version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5198">
      <path
        d="M514.27 83.74c-7.8 0-23.4 6.01-43.79 44.75-48.97 83.5-126.33 219.87-126.33 219.87s-141.48 26.28-232.72 42.77c-44.75 7.03-59.33 45.14-36.63 71.93 63.93 73.78 177.74 195.64 177.74 195.64S234 792.58 223.58 883.94c-3.39 35.1 15.98 55.17 42.96 55.17 9.81-0.1 19.48-2.28 28.39-6.39l219.42-104.28c25.89 12.79 141.23 69.05 216.99 105.43a67.918 67.918 0 0 0 28.07 6.39c26.66 0 45.78-20.14 42.45-55.24-10.29-91.49-28.64-225.49-28.64-225.49s112.27-121.99 175.69-195.96c22.44-26.85 7.99-64.96-36.25-72.05-90.21-16.49-230.16-42.77-230.16-42.77s-76.72-136.5-124.86-220.12c-17.13-30.88-30.18-40.79-38.36-43.47-1.58-0.67-3.28-1-4.99-0.96l-0.02-0.46z"
        fill="#FF9C00" p-id="5199"></path>
    </svg>
    <svg *ngIf="!starStatus" class="icon"
      style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024"
      version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5183">
      <path
        d="M255.488 985.6c-7.68 0-15.872-1.024-23.552-3.584-20.48-6.144-36.864-19.968-47.104-38.4-8.192-15.36-11.264-33.792-8.192-51.2l43.008-244.736L41.984 475.136c-15.36-14.848-24.064-34.304-24.064-55.808-0.512-20.992 7.68-41.472 22.016-56.32 12.288-12.8 28.672-20.992 46.08-23.552l245.76-34.816L440.832 81.92c9.216-18.944 25.6-33.28 45.568-40.448 19.968-6.656 41.472-5.632 60.416 3.584 15.872 7.68 28.672 20.48 36.352 36.352l109.056 223.232 245.76 34.816c20.992 3.072 39.424 13.824 52.224 30.72 12.8 16.896 17.92 37.888 15.36 58.88-2.56 17.408-10.752 33.792-23.552 46.08l-178.688 172.544 43.008 244.736c3.584 20.992-1.024 41.984-13.312 59.392s-30.208 29.184-51.2 32.768c-17.408 3.072-35.328 0-51.2-8.192L512 859.648l-219.136 116.736c-11.776 6.144-24.576 9.216-37.376 9.216zM512 113.664c-1.024 0-2.048 0.512-2.048 1.536l-117.76 241.664c-5.632 11.264-16.384 19.456-29.184 20.992l-266.24 37.376c-0.512 0-1.024 0.512-1.536 0.512 0 0-0.512 0.512-0.512 2.048 0 1.024 0.512 1.536 1.024 2.048l193.536 186.88c9.216 8.704 13.312 21.504 11.264 34.304l-46.592 264.704c0 0.512 0 1.024 0.512 1.536 0 0 0.512 1.024 1.536 1.024 1.024 0.512 1.536 0 2.048 0l237.568-125.952c11.264-6.144 24.576-6.144 35.84 0l237.568 125.952c0.512 0.512 1.024 0.512 1.536 0.512 0.512 0 1.024 0 1.536-1.024 0.512-1.024 0.512-1.536 0.512-2.048l-46.592-264.704c-2.048-12.8 2.048-25.6 11.264-34.304L928.768 419.84c0.512-0.512 0.512-1.024 0.512-1.536 0-0.512 0-1.024-0.512-2.048s-1.536-1.024-1.536-1.024l-266.24-37.376c-12.8-1.536-23.552-9.728-29.184-20.992l-117.76-241.664c0-0.512-0.512-1.024-1.024-1.024s-0.512-0.512-1.024-0.512z"
        fill="#B2B2B2" p-id="5184"></path>
    </svg>
  </div>
</div>
<h1>子组件分数：{{score}}</h1>
